<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head>
<title>[Register] My Life, My believe, My absolute self - Nibiru.Era</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<link rel="stylesheet" type="text/css" href="/static/css/style.css" media="screen" />
</head>
<body>
<div id="header">
<h1><a href="/">Nibiru.Era</a></h1>
</div>
<div id="content">
		
	<div class="left">
		<div class="box">
				<h2>News :</h2>	
				<p>This XHTML/CSS Template was inspired by great NiftyCube layouts. It is released under GPL and it is xhtml/css valid.</p>
		</div>
				
		<div class="box">
					<h2>Links :</h2>
					<ul>
					<li><a href="http://www.minimalistic-design.info">Web Design Directory</a></li>
					<li><a href="http://www.historyexplorer.net">History Timelines</a></li>
					<li><a href="http://www.minimalistic-design.net">Free templates</a></li>
					</ul>
		</div>
		
		<div class="box">
					<h2>Links :</h2>
					<ul>
					<li><a href="http://www.minimalistic-design.info">Web Design Directory</a></li>
					<li><a href="http://www.historyexplorer.net">History Timelines</a></li>
					<li><a href="http://www.minimalistic-design.net">Free templates</a></li>
					</ul>
		</div>
		
		<div class="box">
					<h2>Links :</h2>
					<ul>
					<li><a href="http://www.minimalistic-design.info">Web Design Directory</a></li>
					<li><a href="http://www.historyexplorer.net">History Timelines</a></li>
					<li><a href="http://www.minimalistic-design.net">Free templates</a></li>
					</ul>
		</div>
		
		<div class="box">
					<h2>Links :</h2>
					<ul>
					<li><a href="http://www.minimalistic-design.info">Web Design Directory</a></li>
					<li><a href="http://www.historyexplorer.net">History Timelines</a></li>
					<li><a href="http://www.minimalistic-design.net">Free templates</a></li>
					</ul>
		</div>
		
		<div class="box">
					<h2>Links :</h2>
					<ul>
					<li><a href="http://www.minimalistic-design.info">Web Design Directory</a></li>
					<li><a href="http://www.historyexplorer.net">History Timelines</a></li>
					<li><a href="http://www.minimalistic-design.net">Free templates</a></li>
					</ul>
		</div>
			
	  <div class="box">
	   <div style="font-size: 0.8em;">Design by <a href="http://www.minimalistic-design.net">Minimalistic Design</a></div>
		</div>
	</div>
	
	<div class="right">
		<h2>messages shows here</h2>
		<form id="f" name="f" action="/manage/register/" method="post">
			<table cellspacing="10px;">
				<tr>
					<td>LoginName: </td><td><input class="form_text" type="text" id="loginName" name="loginName" value="" /></td><td><span class="form_tips">This should be a valid email address, e.g. myname@example.com.</span></td>
				</tr>
				<tr>
					<td>Password: </td><td><input class="form_text" type="password" id="password" name="password" value="" /></td><td><span class="form_tips">Minimum of 8 characters in length.</span></td>
				</tr>
				<tr>
					<td>Password(again): </td><td><input class="form_text" type="password" id="repassword" name="repassword" value="" /></td>
				</tr>
				<tr><td colspan="3"><input class="form_btn" type="button" value="Register" onclick="submitData();" /></td></tr>
				<tr><td colspan="3">[ <a style="text-decoration:underline;" href="/manage/login/">I already have an account.</a> ]</td></tr>
			</table>
		</form>
	</div>
	
</div>
<script type="text/javascript">
		function submitData(){
			var loginName=document.getElementById('loginName').value;
			var password=document.getElementById('password').value;
			var repassword=document.getElementById('repassword').value;
			if(loginName==''||!(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/.test(loginName))){
				alert("LoginName should be a valid email address. e.g. 'myname@example.com'");
				return false;
			}
			if(password==''||password.length<8){
				alert("Password should be minimum of 8 characters in length.");
				return false;
			}
			if(password!=repassword){
				alert("Password is not equal.");
				return false;
			}
			document.getElementById('f').submit();
		}
</script>
</body>
</html>